BODY, TD, Input, textarea, select, div {
    font-family: Arial, Helvetica, sans-serif, simsun, '\5b8b\4f53';
    font-size: 12px;
}

/* 左浮动 */
.fl {
    float: left;
}

/*子项目上下左右居中*/
.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*子项目左右居中，顶部对齐*/
.flex1 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
/*子项目上下居中，左对齐*/
.flex3{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: left;
    padding-left: 20px;
}
/*子项目上下左右居中，纵向排列*/
.flex4 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


.flexSon {
    flex: 1;
    height: 100%;
    flex-direction: column;
    flex-wrap: wrap;
}

/* 清除浮动 */
.clearfix:after {
    display: block;
    content: "";
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
    visibility: hidden;
}

/*右侧子页面最外层div-场景一*/
.contentRight{
    position: relative;
    height: 100%;
    background: #fff;
}
/*右侧子页面最外层div-场景二（右侧整个背景都是同色的）*/
.contentRight2{
    background-color: #fff;
}
/*右侧子页面最外层div-场景二（右侧整个背景都是同色的）*/
.components-layout-demo{
    background-color: #fff;
    height: 100%;
}
/* 查询条件样式<div id="tools"> */
.serchForm2{
    text-align: left;
    padding: 0 10px;
    margin-bottom: 4px;
}
.divPadiAlign{
    padding: 5px 10px 10px 10px;
    text-align: left;
}
.divPadiAlign2{
    padding: 10px 10px 0px 10px;
    text-align: left;
}
.button-marin{
    margin-right: 10px;
}
.button-marin2{
    margin-right: 10px;
    margin-bottom: 6px;
}

.marginBottom{
    margin-bottom: 10px;
}

.cardSelf{
    height: 340px;
    background-color: rgb(240, 242, 245);
    display: flex;
    justify-content: center;
    align-items: center;
}

/*卡片下拉菜单按钮*/
.menuA{
    font-size: 12px;
}
/*总基地遮罩*/
.zhezhaoAllBase{
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 10;
}
/*单个基地遮罩*/
.zhezhaoBase{
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 10;
}
/*整个页面遮罩-通用*/
.zhezhaoPage{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 900;
}
/*环状图形初始化*/
.charthuan{
    width: 80%;height: 200px;text-align: center;margin: 0 auto;
}
/*柱状图形初始化*/
.chartzhu{
    width: 100%;height: 200px;text-align: center;margin: 0 auto;
}
/*柱状图形3初始化*/
.chartzhu3{
    width: 100%;height: 380px;text-align: center;margin: 0 auto;
}
/*柱状图形4初始化*/
.chartzhu4{
    width: 100%;text-align: center;margin: 0 auto;
}

.span-color{
    width: 30px;height: 20px;display: inline-block;margin-right: 5px
}
/*车位统计页面图标*/
.carIconImg,.carIconImg2{
    width: 90px;
    height: 90px;
    display: inline-block;
    margin-right: 10px;
}
.carIconImg2{
    width: 40px;
    height: 40px;
}

.divbox{
    position: absolute;
    width: 100%;
    top: 160px;
    bottom: 30px;
    display: flex;
    justify-content: center;
    text-align: center;
}
.mapflex{
    width: 70%;
}

.nowMonth{
    margin-right: 10px;display: inline-block;height: 50px;cursor: pointer;
}
/* 边框 */
.borderBox{
    border: 1px solid #eee;
    height: 300px;
}

.areaNotOpened{
    width: 100%;height: 200px;text-align: center;line-height: 200px
}
/*访客系统中国地图*/
.baseMapBg{
    height: 90%;
    width: 100%;
    background: url(http://dss.schaefflercn.com:9070/static/img/baseMap.jpg) no-repeat center center;
    background-size: contain;
}

/*底部边距-通用*/
.marginBtm {
    margin-bottom: 5px;
}
/*间隔-通用*/
.height8 {
    height: 8px;
}
/*间隔-通用*/
.height10 {
    height: 10px;
}

/*登录页验证码容器*/
.posSon{
    position: absolute;
    height: 40px;
    right: 1px;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 100;
}
/*表格自定义样式-通用*/
.tableOthStyle{
    padding: 0 10px;
}

/*门禁系统样式--开始*/

/*门禁系统安亭基地图片*/
.baseMapAnting{
    height: 90%;
    width: 100%;
    background: url("../baseMapAnting.jpg") no-repeat center center;
    background-size: contain;
}
.span-round{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 10px;
}
.classDevice{
    text-align: left;
    line-height: 1;
}
.photoBox{
    width: 100px;
    height: 130px;
    border: 1px solid #e8e8e8;
    overflow: hidden;
    background-color: #F9F9F9;
}
/* 边框 */
.borderBox{
    border: 1px solid #eee;
    height: 300px;
}
.ant-tabs-bar {
    margin: 0 0 10px 5px;
}
/* 项目左侧布局 */
.layout-sider-left{
    width: 240px !important;
    max-width: 240px !important;
    flex: 0 0 240px !important;
    background: #fff;
}
/* 左侧与右侧的分割线 */
.layout-sider-left:after{
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    /* 如果没有左侧，边框线就不要 */
    width: 1px;    
    background-color: #e8e8e8 ;
}
/*表格底部边框强行控制在底部时，右侧边框会断节*/
.ant-table-small.ant-table-bordered{
    border: 1px solid #e8e8e8;
}
/*侧边组件的右边框会变成两像素*/
.tableStyle,.a-table{
    wordBreak: break-all;
}
.tableStyle .ant-table-bordered{
    border-right: 0;
}
.ant-table td { white-space: nowrap; }
.ant-table-pagination.ant-pagination{
    margin-bottom: 2px;
}


/*门禁系统样式--结束*/